<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>味正商城</title>
    <meta name="viewport"
          content="width=view-width,height=view-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/lib/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/lib/swiper-3.4.2.min.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/style.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_561750_tcj9h7cf7ppeqaor.css">
</head>
<style>
    .swiper-container {
        width: 100%;
        height: 354px;
    }
</style>
<body>
<div class="page">
    <!--内容部分 !-->
    <header>
        <h1 class="title xl">商品详情</h1>
        <i class="iconfont icon-more max z-in ml10 clickbetter"
           onclick="window.history.go(-1)"></i>
        <i class="iconfont icon-gouwuche max z-in pull-right mr10"
           onclick="window.location.href='/rest/front/cart/toCartList?type=1'"><span class="cartnum fn"></span></i>

        <div class="underline"></div>
    </header>
    <div class=" wrapper  product-content" style="-webkit-overflow-scrolling: touch;overflow: scroll;flex: 1;">
        <!-- 幻灯片Slider -->
        <div class="swiper-container mb10">
            <div class="swiper-wrapper"></div>
            <div class="swiper-pagination"></div>
        </div>
        <!-- 商品详情 -->
        <div class="item white mb10 product ">
        </div>
        <!-- 选择规格 -->
        <div class="item l white j-spec mb10" data-id="0">
            <span>选择规格</span>
            <i class="iconfont xl icon-more1 pull-right"></i>
        </div>
        <div class="white ">
            <div class="item center xl ">商品详情</div>
            <div class="underline"></div>
            <div class=" j-detail  l"></div>
        </div>

    </div>
    <nav class="bar bar-tab flex">
        <div class="gocart cell-main xl j-spec" data-id="1">加入购物车</div>
        <div class="tobuy cell-main xl j-spec" data-id="2">立即购买</div>
    </nav>
</div>
<div class="expand"></div>
<!-- 规格 -->
<ul class="spec-box">
    <img src="" alt="" class="goodpic">
    <ul class="mb">
        <li class="spec-main">

        </li>
        <div class="flex flex-wrap spec-btn">
            <div class="spec">sdas</div>
        </div>
        <li class="upline underline">
            <div class="flex numsel">
                <div class="text xl">购买数量</div>
                <div class="cell-main right cartcontrol mr10">
                    <i class="iconfont icon-jian reduce max hui"></i>
                    <span class="number hui ">1</span>
                    <i class="iconfont icon-jia add max hui"></i>
                </div>
            </div>
        </li>
    </ul>
    <div class="bottom">
        <div class="flex">
            <div class="cell-main joingroup xxl" type="1">加入购物车</div>
            <div class="cell-main buynow xxl">立即支付</div>
        </div>
    </div>
    <i class="close-box iconfont icon-guanbi"></i>
</ul>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/swiper-3.4.2.min.js'
        charset='utf-8'></script>
<script>$.config = {router: false}</script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='/resource/front/dist/js/common.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/product/productDetail.js' charset='utf-8'></script>
<script>$.init()</script>
</body>
</html>
